<template>
  <div id="userLayout" :class="['user-layout-wrapper', device]">
    <route-view></route-view>

    <div class="footer">
      <!-- <div class="links">
          <a href="http://doc.jeecg.com" target="_blank">帮助</a>
          <a href="https://github.com/zhangdaiscott/jeecg-boot" target="_blank">隐私</a>
          <a href="https://github.com/zhangdaiscott/jeecg-boot/blob/master/LICENSE" target="_blank">条款</a>
        </div> -->
      <!-- <div class="copyright">
        2022 brcloud ERP管理软件
      </div> -->
    </div>
  </div>
</template>

<script>
import RouteView from '@/components/layouts/RouteView'
import { mixinDevice } from '@/utils/mixin.js'

export default {
  name: 'UserLayout',
  components: { RouteView },
  mixins: [mixinDevice],
  data() {
    return {}
  },
  mounted() {
    document.body.classList.add('userLayout')
  },
  beforeDestroy() {
    document.body.classList.remove('userLayout')
  }
}
</script>

<style lang="less" scoped>
#userLayout.user-layout-wrapper {
  height: 100%;

  // &.mobile {
  //   .container {
  //     .main {
  //       max-width: 368px;
  //       width: 98%;
  //     }
  //   }
  // }


}
</style>
